@function globalVar($key, $default) {
  @return var(--yarl__ + $key, $default);
}

$toolbar-padding: 8px;
$icon-button-padding: 8px;
$icon-size: 32px;

$color-white: #fff;
$color-black: #000;

$color-backdrop: globalVar(color_backdrop, $color-black);

$color-button: globalVar(color_button, rgba($color-white, 0.8));
$color-button-active: globalVar(color_button_active, $color-white);
$color-button-disabled: globalVar(color_button_disabled, rgba($color-white, 0.4));

$filter-drop-shadow: drop-shadow(2px 2px 2px rgba($color-black, 0.8));
